.formGroup {
  :global {
    box-sizing: border-box;
    background-color: @bg-light;
    form {
      > div {
        min-height: 50px;
      }
      .am-textarea-item,
      .am-list-line {
        min-height: 50px;
        .am-input-label,
        .am-list-content {
          padding-top: 15px;
          padding-bottom: 15px;
          .form-label();
        }
        .am-list-extra {
          padding-top: 15px;
          padding-bottom: 15px;
          max-height: 120px;
        }
        .am-input-control {
          input,
          .fake-input-placeholder {
            font-size: 16px;
          }
        }
        .am-textarea-control {
          textarea::-webkit-input-placeholder {
            font-size: 16px;
          }
        }
      }
      .am-textarea-label {
        .form-label();
      }
    }
  }
}

.input-item {
  :global {
    .am-list-line {
      &:after {
        display: none !important;
      }
    }
  }
}

.picker-item {
  :global {
    .am-list-line {
      // border-bottom: 1px solid rgb(244, 244, 244);
      .am-list-content {
        flex: initial;
      }
      .am-list-extra {
        flex-grow: 1;
        text-align: left;
        font-size: 16px;
      }
    }
  }
  &.active {
    :global {
      .am-list-line .am-list-extra {
        color: #000;
      }
    }
  }
  &.holder {
    :global {
      .am-list-line .am-list-extra {
        color: @color-text-placeholder;
      }
    }
  }
}

.text-item {
  .picker-item;
  padding-bottom: 15px;
  min-height: 22px !important;
  :global {
    min-height: 22px;
    .am-list-line {
      align-items: start !important;
      min-height: 22px !important;
      border: 0;
      .am-list-extra {
        color: #333;
        overflow: auto;
        text-overflow: clip;
        white-space: normal;
        font-size: 16px;
        // height: 36px;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        line-height: 22px;
        ul {
          display: flex;
          flex-wrap: wrap;
          li {
            margin-right: 5px;
            width: 75px;
            height: 75px;
            img {
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
          }
        }
      }
      .am-list-content {
        box-sizing: border-box;
        padding-right: 15px;
        text-align: right;
        color: @auxiliary-color !important;
        font-size: 16px;
        // height: 36px !important;
        line-height: 22px;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
      }
      &:after {
        display: none !important;
      }
    }
  }
}

.hide {
  display: none;
}

.form-title {
  padding: 10px 0 5px 15px;
  line-height: 17px;
  font-size: 12px;
  color: @tips-color;
  background-color: #f5f5f5;
}

.form-detail-title {
  padding: 15px 0 10px 15px;
  line-height: 20px;
  font-size: 14px;
  font-weight: bold;
  color: @main-text-color;
  background: @bg-light;
}

.detailMode {
  :global {
    .am-list-line {
      &:after {
        display: none !important;
      }
      .am-list-content {
        padding-top: 0 !important;
      }
    }
  }
}
